.music {
	--content-width: 750px;

	.carouselBox {
		position: relative;
		overflow: hidden;
		z-index: 0;

		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-image: var(--background-image);
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			filter: blur(8px);
			z-index: -1;
		}

		:global(.ant-carousel) {
			margin: 0 auto;
			width: var(--content-width);
		}

		.itemBox {
			overflow: hidden;

			.carousel {
				margin: 0;
				height: 300px;
				line-height: 300px;
				text-align: center;
				position: relative;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				filter: unset;
			}
		}
	}

	.discover {
		margin: 0 auto;
		margin-top: 30px;
		width: var(--content-width);
	}
}
